{#include file="top.php"#}
<script type="text/javascript">
    var currentindex=1;
    function changeflash(i) {
        currentindex=i;
        for (j=1;j<=3;j++){//此处的3代表你想要添加的幻灯片的数量与下面的3相呼应
            if (j==i){
                $("#flash"+j).fadeIn('slow');
                $("#flash"+j).show();
                $("#f"+j).removeClass();
                $("#f"+j).addClass("curr");
                /*if(i==1){
                    $("[s=1]").hide();
                    $("#ss1_2").fadeIn('slow');
                    $("[s=2]").hide();
                    $("#ss2_3").fadeIn('slow');
                }else if(i==2){
                    $("[s=1]").hide();
                    $("#ss1_3").fadeIn('slow');
                    $("[s=2]").hide();
                    $("#ss2_1").fadeIn('slow');
                }else{
                    $("[s=1]").hide();
                    $("#ss1_1").fadeIn('slow');
                    $("[s=2]").hide();
                    $("#ss2_2").fadeIn('slow');
                }*/
            }
            else{
                $("#flash"+j).hide();
                $("#f"+j).removeClass();
            }
        }
    }

    function startAm(){
        timerID = setInterval("timer_tick()",3000);//间隔时间设置
    }

    function stopAm(){
        clearInterval(timerID);
    }

    function timer_tick() {
        currentindex=currentindex>=3?1:currentindex+1;//此处的3代表幻灯片循环遍历的次数
        changeflash(currentindex);
    }

    /* *	function ss_over(t){
                $("#show_alt").html(t.alt);
                $("#show_alt").animate({height:"40px"});
        }
        function ss_out(t){
                $("#show_alt").animate({height:"0px"});
        } */

</script>
<div class="body index">
    <div class="main">
		<div class="main_area">
			{#show_block('b18',0,'','main_search_box')#}
			<div class="slideshow" onmouseover='stopAm();' onmouseout='startAm();'>
				<div class="ss_images">
					<ul style="width:1980px;">
						{#foreach  from=$flash item=v key=k#}
						<li id="flash{#$k+1#}">
							<div class="img_box"><p class="img_p"><a target="_blank" href="{#$v.url#}"><span><img src="{#$v.photo_image2#}" alt="{#$v.alt#}"></span></a></p></div>
						</li>
						{#/foreach#}
						<!-- <div id='show_alt'></div> -->
						<script>$("#flash a:first").show();startAm();</script>
					</ul>
				</div>
				<div class="ss_num">
					<a class="curr" id="f1" onmouseover="changeflash(1)">1</a>
					<a class="no" id="f2" onmouseover="changeflash(2)">2</a>
					<a class="no" id="f3" onmouseover="changeflash(3)">3</a>
				</div>
				<!-- <div class="ss_img">
					{#foreach  from=$flash item=v key=k#}
					<div><a s=1 id="ss1_{#$k+1#}" {#if $k neq 1#}style="display:none"{#/if#}  href="{#$v.url#}" target='_blank'> <img src="{#$v['photo_image1']#}" alt="" /> </a></div>
					{#/foreach#}

					{#foreach  from=$flash item=v key=k#}
					<div><a s=2 id="ss2_{#$k+1#}" {#if $k neq 2#}style="display:none"{#/if#} href="{#$v.url#}" target='_blank'> <img src="{#$v['photo_image1']#}" alt="" /> </a></div>
					{#/foreach#}
				</div> -->
			</div>
		</div>
		<div class="hotarticle_box b_box">
			<div class="hd">
				<img src="/images/fg/fg_title_03.jpg" alt="" />
			</div>
			<div class="bd">
				<ul class="hotarticle_list v_list">
				{#foreach  from=$fg_blog_list item=v key=k#}
					<li>
						<div class="img_box"><p class="img_p"><a href="{#optimize_url('fg', 'detail','id='|cat:$v.id)#}"><span><img src="{#$v._img#}" alt="" ></span></a></p></div>
						<div class="avatar_box">
							<div class="imgbox"><p class="img_p"><a target="_blank" href="http://blog.fashionguide.com.tw/{#$v.user_id#}/posts"><span><img src="{#$v._photo#}"></span></a></p></div>
						</div>
						<p class="title"><a href="{#optimize_url('fg', 'detail','id='|cat:$v.id)#}">{#$v._title#}</a></p>
						<p class="desp">{#$v._content#}</p>
						<div class="tag_box">
							<a target="_blank" href="http://blog.fashionguide.com.tw/category/{#$v.category_id#}">{#$v.category_name#}</a> | <a target="_blank" href="http://blog.fashionguide.com.tw/{#$v.user_id#}/posts">{#$v.user_nickname#}</a>
						</div>
					</li>
				{#/foreach#}
				</ul>
			</div>
		</div>
	</div>
	<!-- main-->
    <div class="sidebar">
        {#show_block('b2',1,'','sidebar_ad')#}
        {#show_block('b17',0,'','sidebar_doing')#}
        {#show_block('b4',0,'','sidebar_workshop')#}
        {#show_block('b1',2,'','sidebar_function')#}
        {#show_block('b5',0,'','sidebar_top3 b_box')#}
        {#show_block('b9',0,'','sidebar_tutorial b_box')#}
        {#show_block('b6',0,'','sidebar_facebook')#}
    </div>
    <!-- sidebar -->

</div><!--body-->



{#include file="footer.php"#}